<template>
<div class="activity_header">
    <div class="title">
        <h2>{{activityConnect.NoticeTitle}}</h2>
    </div>
    <div class="author">
        <div class="author_left"><span>发布者：</span><span>{{activityConnect.userName}}</span></div>
        <div class="author_right"><span>时间：</span><span>{{activityConnect.Noticedata.toLocaleString()}}</span></div>
    </div>
    <div class="connter">
        &emsp;&emsp;{{activityConnect.Noticecontent}}
    </div>
  <div class="time">
    <span>{{activityConnect.Noticedata.toLocaleString()}}</span>
  </div>
  <div class="fanye">
    <div class="fanye_left">上一篇：<span>阿萨德不过还是大</span></div>
    <div class="fanye_right">下一篇：<span>阿萨德不过还是大</span></div>
  </div>
</div>
</template>
<script>
  export default {
    name: 'activity_header',
    data() {
      return {
        msg: '',
        activityConnect:[]
      }
    },
    mounted() {
      //首页banner
      this.axios.post('/api/HomePageInterface/activityConnect', this.qs.stringify({
        Noticeid:Noticeid
      }), {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
        .then(function(res) {
          if (res.data.status == "200") {

            this.activityConnect = res.data.msg;
          }
          //控制台打印请求成功时返回的数据
          //bind(this)可以不用
        }.bind(this))
        .catch(function(err) {
          if (err.response) {
            console.log(err.response)
            //控制台打印错误返回的内容
          }
        }.bind(this));
    },
    methods(){

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .activity_header{
    width: 88%;
    margin: 0 auto;
  }
  .title{
    width: 100%;
    height: auto;
    font-family: "微软雅黑";
  }
  .author{
    margin-top: 50px;
    height: 28px;
    font-family: 微软雅黑;
    font-size: 10px;
    border-bottom: 1px dashed #ccc;
    line-height: 35px;
  }
  .author .author_left{
    float: left;
    margin-left: 32%;
  }
  .author .author_right{
    float: left;
    margin-left: 22%;
  }
  .connter{

    height: auto;
    line-height: 55px;
    word-break:break-all;
    margin:0 20px;
    margin-top: 80px;
    text-align: left;
    font-size: 14px;
  }
  .time{
    font-size: 14px;
    font-family: 微软雅黑;
    text-align: right;
    margin-right: 50px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
  }
  .fanye{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: 微软雅黑;
    margin-top: 20px;
  }
  .fanye .fanye_left{
    float: left;
    width: 50%;
    text-align: left;
    padding-left: 20px;
  }
  .fanye .fanye_right{
    float: left;
    width: 46%;
    text-align: right;
    padding-right: 20px;
  }
</style>
